<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录</title>
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
				overflow: hidden;
				background-color: #C1C1C1;
			}
			#login{
				
				width: 480px;
				height: 350px;
				margin: 150px auto;
				border-radius: 10px;
				background-color: white;
				overflow: hidden;
			}
			#login-header{
				font-size: 30px;
				background-color: aqua;
				color: white;
				text-align: center;
				/*padding: 20px 0;*/
				height: 100px;
				line-height: 100px;
				font-family: "微软雅黑";
				font-weight: 800;
				
			}
			.login-input{
				margin: 40px 0 40px 60px;
				
			}
			
			.login-input span{
				margin-right: 20px;
			}
			.login-input input{
				padding: 8px;
				border: 1px solid #c1c1c1;
				border-radius: 4px;
				width: 275px;
			}
			.login-btn-left{
				float: left;
				width: 50%;
				text-align: center;
			}
			.login-btn-right{
				float: right;
				width: 50%;
				text-align: center;
			}
			.login-btn-right button{
				background-color: cadetblue;
				border: 0;
				font-size: 14px;
				color: white;
				width: 100px;
				height: 40px;
				border-radius: 4px;
			}
			.login-btn-left a{
				color: #00FFFF;
			}
			.login-btn-left a:hover{
				color:red;
			}
			.login-btn-left a:active{
				color:blue;
			}
		</style>
	</head>
	<body>
		<div id="login">
			<div id="login-header">
				登&nbsp;&nbsp;录
			</div>
			<div id="login-contet">
				<form action="" method="post">
					<p class="login-input">
						<span>账号</span>
						<input type="text" name="" id="" value="" placeholder="请输入账号"/>
					</p>
					
					<p class="login-input">
						<span>密码</span>
						<input type="password" name="" id="" value="" placeholder="请输入密码"/>
					</p>
					
					<div id="login-btn">
						<div class="login-btn-left">
							<a href="">获取帮助？</a>
						</div>
						<div class="login-btn-right">
							<!--<input type="button" value="登录">-->
							<button type="button">登录</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</body>
</html>
